<template>
  <div class="container">
    <div class="main">
      <p class="title">请先进行登录</p>
      <p class="text">登录后即可使用科创空间企业管理平台</p>
      <el-button class="login-btn" type="primary" @click="handleLogin">立即登录</el-button>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ElMessage } from 'qzd-basic-ui'
const handleLogin = () => {
  window.location.href = `${process.env.VITE_WWW_SITE}/login?redirect=${process.env.VITE_APPLICATION_SITE}`
}
</script>

<style lang="scss" scoped>
.container {
  background-color: #eff2f6;
  height: calc(100vh - 60px);
  .main {
    padding-top: 100px;
    padding-left: 156px;
  }
  .title {
    font-size: 28px;
    color: #292a2d;
    line-height: 36px;
    font-weight: 600;
  }
  .text {
    margin-top: 8px;
    font-size: 20px;
    color: #63656a;
    line-height: 28px;
    font-weight: 400;
  }
  ::v-deep(.login-btn) {
    height: 40px;
    width: 116px;
    margin-top: 24px;
    // padding: 12px 25px;
  }
}
</style>
